<template>
	<view class="content">
		<navigationBar title="编辑资料" />
		<view class="aside"></view>
		<view class="flex">
			<text>头像</text>
			<view class="">
				<image class="avatar" src="/static/mine/t.svg" mode=""></image>
				<image class="right" src="/static/mine/r.svg" mode=""></image>
			</view>
		</view>
		<view class="flex">
			<text>昵称</text>
			<view class="">
				<text>胖头鱼</text>
				<image class="right" src="/static/mine/r.svg" mode=""></image>
			</view>
		</view>
		<view class="flex">
			<text>性别</text>
			<view class="">
				<text>男</text>
				<image class="right" src="/static/mine/r.svg" mode=""></image>
			</view>
		</view>
		<view class="flex">
			<text>生日</text>
			<view class="">
				<text>请选择生日</text>
				<image class="right" src="/static/mine/r.svg" mode=""></image>
			</view>
		</view>
		<view class="flex">
			<text>简介</text>
			<view class="">
				<text>未设置</text>
				<image class="right" src="/static/mine/r.svg" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.content {
		background-color: #FAFAFA;
		min-height: 100vh;

		.aside {
			padding-top: calc(var(--status-bar-height) + 90rpx);
		}

		.flex {
			background-color: #ffffff;
			display: flex;
			padding: 48rpx 30rpx;
			justify-content: space-between;
			align-items: center;
			border: 2rpx solid #FAFAFA;

			view {
				display: flex;
				align-items: center;

				.avatar {
					width: 116rpx;
					height: 116rpx;
				}

				.right {
					width: 32rpx;
					height: 32rpx;
					margin-left: 16rpx;
				}

				text {
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 30rpx;
					color: #59575F;
					line-height: 30rpx;
				}
			}
		}


	}
</style>